<template>
    <a-layout id="components-layout-demo-top-side">
        <Header></Header>
        <a-layout-content style="padding: 0 50px;margin-top: 10px;background: #fff">
            <div class="inner-wrp">
                <a-layout style="padding: 24px 0; background: #fff">
                    <a-layout-sider width="300" style="background: #fff">
                        <a-menu
                                mode="inline"
                                :defaultSelectedKeys="['1']"
                                :defaultOpenKeys="['sub1']"
                                style="height: 100%"
                        >
                            <a-menu-item-group key="g1" title="常见问题">
                                <a-menu-item key="1">找回密码</a-menu-item>
                                <a-menu-item key="2">开通服务失败</a-menu-item>
                                <a-menu-item key="3">提交工单</a-menu-item>
                            </a-menu-item-group>
                            <a-menu-item-group key="g2" title="申请入驻">
                                <a-menu-item key="5">填写开发者信息</a-menu-item>
                                <a-menu-item key="6">创建应用</a-menu-item>
                                <a-menu-item key="7">申请开通服务</a-menu-item>
                                <a-menu-item key="8">系统接入</a-menu-item>
                            </a-menu-item-group>
                            <a-menu-item-group key="g3" title="服务接入">
                                <a-menu-item key="9">聚合支付</a-menu-item>
                                <a-menu-item key="10">即时通讯</a-menu-item>
                                <a-menu-item key="11">自由任务系统</a-menu-item>
                            </a-menu-item-group>
                            <a-menu-item-group key="g2" title="返回码说明">
                                <a-menu-item key="12">返回码说明</a-menu-item>
                            </a-menu-item-group>
                        </a-menu>
                    </a-layout-sider>
                    <a-layout-content :style="{ padding: '0 24px', minHeight: '280px' }">
                        Content

                    </a-layout-content>
                </a-layout>
            </div>
        </a-layout-content>
        <Footer></Footer>
    </a-layout>
</template>

<script>
    import Header from '../../components/include/header.vue'
    import Footer from '../../components/include/footer.vue'
    export default {
        name: 'Home',
        components: {
            Header,
            Footer
        }
    }
</script>
<style>
    #components-layout-demo-top-side .logo {
        width: 120px;
        height: 31px;
        background: rgba(255, 255, 255, .2);
        margin: 16px 28px 16px 0;
        float: left;
    }
</style>